
.container-wrap {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 使容器高度占满视口高度，仅作示例 */

    background: url('@/assets/img/login_bg.png') no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.container {
    margin: 0 auto;
    padding: 40px;
    
    max-width: 420px;
    min-height: 480px;

    background-color: #ffffff;
    border-radius: 4px;
    box-sizing: border-box;
}

.container > .title {
    position: relative;
    margin: 10px 0 0 -58px;
    padding: 18px 10px 18px 60px;

    font-size: 18px;

    color: #fff;
    background: #189F92;
}

.container > .darkbannerwrap {
    position: relative;
    margin: 0 0 20px -58px;

    width: 18px;
    height: 10px;

    background: url('@/assets/img/aiwrap.png');
}

.container .form-group input {
    margin-bottom: 15px;
    width: 100%;
	height: 48px;
}

.container .form-group input[type=text], 
.container .form-group input[type=email], 
.container .form-group input[type=password] {
    padding: 0px 16px;
    width: 100%;
    height: 50px;

    color: #555555;
    font-size: 16px;
    
    outline: none;
    vertical-align: middle;

    border-radius: 3px;
    border: 1px solid #DCDEE0;
    box-sizing: border-box;
}


.container .submit {
    width: 100%;
    height: 48px;

    border: none;
    cursor: pointer;
    font-size: 18px;

    color: #ffffff;
    background-color: #189F92;
    border-radius: 3px;
}










.form-group,
.form-verification-group {
	margin-bottom: 16px;
	width: 100%;
	height: 50px;

	line-height: 50px;
	font-size: 16px;
}

.form-group > input {

}









.form-verification-group {
	width: 100%;
}

.form-verification-group > img,
.form-verification-group > input[type="text"] {
    
}

.form-verification-group > input[type="text"] {
	
}

.form-verification-group > img {
	
}





#vcode,
#vcode-img,
#get-vcode {
    display: inline-block;
    vertical-align: middle;
}

#vcode {
    padding: 0px 16px;
    width: 160px;
    height: 40px;


    font-size: 16px;

    outline: none;
    vertical-align: middle;

    border-radius: 3px;
    border: 1px solid #DCDEE0;
    box-sizing: border-box;

    float: left;
}

#vcode-img {
    width: 150px;
    height: 40px;

    cursor: pointer;

    float: right;
}

#get-vcode {
    width: 150px;
    height: 40px;
    line-height: 40px;

    cursor: pointer;

    float: right;

    border: 1px solid #DCDEE0;
    box-sizing: border-box;
}





.tips {
    display: block; 
    width: 100%; 
    height: 48px;
    text-align: center; 
    line-height: 48px; 
    color: red;
}
